<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>关于</title>
    <!--界面显示框架-->
    <link rel="stylesheet" href="../assets/css/layui.css">
    <!--实例样式-->
    <link rel="stylesheet" href="../assets/css/map.css">
    <style>
        .about-content {
            padding: 20px;
        }
        
        .nav-header-log {
            left: 20px;
        }
    </style>
</head>

<body>
    <!--头部导航-->
    <div class="layui-header nav-header">
        <div class="nav-header-log">关于Openlayers 4 实例</div>
    </div>
    <div class="about-content">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>实例功能</legend>
        </fieldset>
        <blockquote class="layui-elem-quote">
            <p>1：地图基本操作（放大、缩小、距离测量、面积测量、地图视图信息显示）</p>
            <p>2：地图标注（绘点、绘线、绘面、标注平移、标注修改、标注删除、标注样式编辑、标注详情查看）</p>
            <p>3：自定义地图类型</p>
        </blockquote>

        <fieldset class="layui-elem-field layui-field-title">
            <legend>标注数据储存</legend>
        </fieldset>
        <blockquote class="layui-elem-quote">实例标注之后的数据全部储存在浏览器缓存中，开发者可以根据实际需要储存到自己的数据库中，代码中有数据的储存和获取方法。</blockquote>

        <fieldset class="layui-elem-field layui-field-title">
            <legend>关于我们</legend>
        </fieldset>
        <blockquote class="layui-elem-quote">
            <p>提供者：成都水经软件有限公司</p>
            <p>地址：成都市武侯区科华北路65号世外桃源写字楼A座2013号</p>
            <p>客服电话：400-028-0050</p>
            <p>座机电话：028-84593824</p>
            <p>E-mail：info@rivermap.cn</p>
        </blockquote>
    </div>
    <!--框架即功能javascript-->
    <script src="../assets/layui.js"></script>

</body>

</html>